<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">

            <h:form id="formulario">

                <p:tabView id="tabFormulario"  dynamic="true" >
                    <p:tab id="tab1" title="Datos Proveedor">
                        <p:panel id="panel" header="#{BKProveedor.comando.nombre eq 'Guardar'?'Registrar Proveedor':'Actualizar Proveedor'}">
                            <p:panelGrid style="margin: 10px auto;" id="formProveedor">
                                <p:row>
                                    <p:column colspan="2">
                                        <center>
                                            <p:selectOneRadio id="idTipoProveedor"    
                                                              value="#{BKProveedor.proveedorFormulario.tipoEntidad}">
                                                <f:selectItems value="#{BKProveedor.listaTipoProveedor}"
                                                               var="parametroDetalle" itemLabel="#{parametroDetalle.valCadena}"
                                                               itemValue="#{parametroDetalle}"  />
                                                <p:ajax event="valueChange"  update="pnlProveedorNatural pnlProveedorJuridico" process="@this" listener="#{MBProveedor.cambiarTipoProveedor}" />
                                            </p:selectOneRadio>
                                        </center>
                                        <p:message for="idTipoProveedor" display="text"/>
                                    </p:column>

                                </p:row>
                                <p:row>
                                    <p:column>
                                        <p:outputPanel id="pnlProveedorJuridico" layout="block" >
                                            <p:panelGrid rendered="#{BKProveedor.proveedorFormulario.tipoEntidad eq 'J' ? true : false}">
                                                <p:row>
                                                    <p:column style="width: 150px">
                                                        <h:outputText id="lblFormularioRuc" value="R.U.C.(*): " styleClass="lblForm" />
                                                    </p:column>
                                                    <p:column>
                                                        
                                                        <p:inputText onkeyup="cambiarMayuscula(this)" id="txtFormularioRuc" maxlength="20" 
                                                                     value="#{BKProveedor.proveedorFormulario.ruc}"
                                                                     required="true" >
                                                        </p:inputText>
                                                       
                                                        <p:message for="txtFormularioRuc" display="text"/>
                                                        <span class="formatComment">Ejemplo: 20145145514</span>
                                                    </p:column>

                                                </p:row>
                                                <p:row>
                                                    <p:column style="width: 150px">
                                                        <h:outputText id="lblFormularioNombreComercial" value="NOMBRE COMERCIAL: " styleClass="lblForm" />
                                                    </p:column>
                                                    <p:column colspan="2">
                                                        <p:inputText onkeyup="cambiarMayuscula(this)" id="txtFormularioNombreComercial" maxlength="100"
                                                                     value="#{BKProveedor.proveedorFormulario.nombreComercial}" style="width: 200px" />
                                                    </p:column>
                                                </p:row>
                                                <p:row>
                                                    <p:column style="width: 150px">
                                                        <h:outputText id="lblFormularioRazonSocial" value="RAZON SOCIAL(*): " styleClass="lblForm" />
                                                    </p:column>
                                                    <p:column>
                                                        <p:inputText onkeyup="cambiarMayuscula(this)" id="txtFormularioRazonSocial" maxlength="300" 
                                                                     value="#{BKProveedor.proveedorFormulario.razonSocial}" required="true" style="width: 200px"/>
                                                        <p:message for="txtFormularioRazonSocial" display="text"/>
                                                    </p:column>

                                                </p:row>
                                                <p:row>
                                                    <p:column style="width: 150px">
                                                        <h:outputText id="lblFormularioDireccionFiscal" value="DIRECCION FISCAL(*): " styleClass="lblForm" />
                                                    </p:column>
                                                    <p:column>
                                                        <p:inputText onkeyup="cambiarMayuscula(this)" id="txtFormularioDireccionFiscal" maxlength="300"
                                                                     value="#{BKProveedor.proveedorFormulario.direccionLegal}" required="true" style="width: 350px"/>
                                                        <p:message for="txtFormularioDireccionFiscal" display="text"/>
                                                    </p:column>
                                                </p:row>

                                            </p:panelGrid>
                                        </p:outputPanel>

                                        <p:outputPanel id="pnlProveedorNatural"  layout="block">
                                            <p:panelGrid rendered="#{BKProveedor.proveedorFormulario.tipoEntidad eq 'N' ? true :  false}">
                                                <p:row>
                                                    <p:column style="width: 150px">
                                                        <h:outputText id="lblFormNaturalDni" value="DNI O RUC(*): " styleClass="lblForm" />
                                                    </p:column>
                                                    <p:column>
                                                        <!--
                                                        <p:inputText onkeyup="cambiarMayuscula(this)" id="txtFormNaturalDni" maxlength="20" 
                                                                     value="{BKProveedor.proveedorFormulario.ruc}" required="true" />
                                                        -->
                                                         <p:inputMask mask="99999999?999" id="txtFormNaturalDni"                                                      
                                                                      value="#{BKProveedor.proveedorFormulario.ruc}" />
                                                        <p:message for="txtFormNaturalDni" display="text"/>
                                                    </p:column>    
                                                </p:row>
                                                <p:row>
                                                    <p:column style="width: 150px">
                                                        <h:outputText id="lblFormNaturalNombres" value="NOMBRES(*): " styleClass="lblForm" />
                                                    </p:column>
                                                    <p:column>
                                                        <p:inputText onkeyup="cambiarMayuscula(this)" id="txtFormNaturalNombres" style="width: 200px"
                                                                     value="#{BKProveedor.proveedorFormulario.razonSocial}" required="true"/>
                                                        <p:message for="txtFormNaturalNombres" display="text"/>
                                                        <p:inputText onkeyup="cambiarMayuscula(this)" id="txtFormNaturalNombreComercial" maxlength="100" type="hidden"
                                                                     value="#{BKProveedor.proveedorFormulario.nombreComercial}" style="width: 200px"/>
                                                    </p:column>    
                                                </p:row>        
                                                <p:row>
                                                    <p:column style="width: 150px">
                                                        <h:outputText id="lblFormNaturalDireccion" value="DIRECCION(*): " styleClass="lblForm" />
                                                    </p:column>    
                                                    <p:column>    
                                                        <p:inputText onkeyup="cambiarMayuscula(this)" id="txtFormNaturalDireccion" value="#{BKProveedor.proveedorFormulario.direccionLegal}" 
                                                                     style="width: 350px" required="true"/>
                                                        <p:message for="txtFormNaturalDireccion" display="text"/>
                                                    </p:column>
                                                </p:row>

                                            </p:panelGrid>
                                        </p:outputPanel>
                                        <p:outputPanel id="pnlUbigeo" layout="block">
                                            <p:panelGrid> 
                                                <p:row>
                                                    <p:column style="width: 150px">
                                                        <h:outputText id="lblFormProveedorUbigeo" value="UBICACION(*): " styleClass="lblForm" />
                                                    </p:column>
                                                    <p:column>

                                                        <p:inputText onkeyup="cambiarMayuscula(this)" id="idUbigeo" value="#{BKProveedor.proveedorFormulario.descUbicacion}" 
                                                                     style="width: 350px" required="true"/>
                                                        <p:commandButton value="CARGAR UBICACION" styleClass="ui-priority-primary" id="btnUbigeo"
                                                                         actionListener="#{MBUbigeo.inicializar}" immediate="true" process="@this"
                                                                         oncomplete="buscarUbigeo.show()" update=":formUbigeo:pnlUbigeo" >
                                                            <f:attribute name="update" value=":formulario:tabFormulario:idUbigeo" /> 
                                                            <f:attribute name="dialog" value="buscarUbigeo" /> 
                                                        </p:commandButton>
                                                        <p:message for="idUbigeo" display="text"/>


                                                    </p:column>
                                                </p:row>

                                                <p:row>
                                                    <p:column>
                                                        <h:outputText id="lblFormNaturalTipoMoneda" value="MONEDA DE NEGOCIACION(*): " styleClass="lblForm" />
                                                    </p:column>
                                                    <p:column>
                                                        <p:selectOneMenu id="cbxFormNaturalTipoMoneda" value="#{BKProveedor.idTipoMonedaFormulario}" required="true">
                                                            <f:selectItem itemValue="" itemLabel="Seleccionar" />
                                                            <f:selectItems value="#{BKProveedor.listaTipoMoneda}"
                                                                           var="tipoMoneda" itemLabel="#{tipoMoneda.nombre}"
                                                                           itemValue="#{tipoMoneda.id}" />
                                                        </p:selectOneMenu>
                                                        <p:message for="cbxFormNaturalTipoMoneda" display="text"/>
                                                    </p:column>
                                                </p:row>
                                            </p:panelGrid>  
                                        </p:outputPanel>
                                    </p:column>
                                </p:row>
                            </p:panelGrid>
                        </p:panel>
                    </p:tab>
                    <p:tab id="tabContactosProveedor" title="Contactos" transient="true">
                        <cote:mantenimientoContacto id="mantenimientoContactoProveedor" 
                                                    />
                    </p:tab>
                    <p:tab id="tabLocalesProveedor" title="Locales" transient="true">
                        <cote:mantenimientoLocales id="mantenimientoLocal" 
                                                   accion="#{MBProveedor.obtenerListaSedes()}" 
                                                   mantLocal="#{BKProveedor.listaSedes}"/>
                    </p:tab>

                    <p:tab id="tabLocalesCtaBancaria" title="Cuenta Bancaria" transient="true">
                        <cote:mantenimientoCuentaBancaria id="mantenimientoCuentaBancariaProveedor" 
                                                          accion="#{MBProveedor.obtenerListaSedes()}" 
                                                          isEditable="#{BKProveedor.verFormulario}"/>
                    </p:tab>

                    <p:tab id="tabArticulos" title="Articulos" transient="true" rendered="false">
                        <cote:mantenimientoArticulo id="mantenimientoArticulo" 
                                                    accion="#{MBProveedor.obtenerListaSedes()}" 
                                                    isEditable="#{BKProveedor.verFormulario}"/>
                    </p:tab>

                    <p:tab id="tabServicios" title="Servicio" transient="true" rendered="false">
                        <cote:mantenimientoServicio id="mantenimientoServicio" 
                                                    accion="#{MBProveedor.obtenerListaSedes()}" 
                                                    isEditable="#{BKProveedor.verFormulario}"/>
                    </p:tab>

                </p:tabView>
                <h:panelGrid columns="2" cellpadding="10">
                    <p:commandButton id="btnGuardar" action="#{BKProveedor.comando.aceptar()}" ajax="false" 
                                     value="#{BKProveedor.comando.nombre}"/>
                    <p:commandButton id="btnCancelar" 
                                     action="#{MBProveedor.cancelar()}" ajax="false" value="Cancelar" immediate="true" />
                </h:panelGrid>

                <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>
            </h:form>    

            <p:dialog widgetVar="buscarUbigeo"  header="UBIGEO" modal="true" dynamic="true" >
                <ui:include src="../../../general/ubigeo1.xhtml" /> 
            </p:dialog>
            
            <p:dialog widgetVar="buscarUbigeoSede"  header="UBIGEO" modal="true" >
                <ui:include src="../../../general/ubigeo.xhtml" /> 
            </p:dialog>

        </ui:define>

    </ui:composition>
</html>
